@import "~pc/styles/lib_var.less";
@import "~pc/styles/lib_mixins.less";

.mobileContextMenu {
  :global {
    .ant-drawer-body > div {
      max-height: calc(100vh - 118px);
    }
  }
  .group {
    background: var(--defaultBg);
    border-radius: 8px;

    &:not(:nth-child(1)) {
      margin-top: 16px;
    }

    .item {
      height: 48px;
      line-height: 48px;

      &.warn {
        div {
          color: var(--errorColor);
        }
        svg {
          fill: var(--errorColor);
        }
      }

      @media screen and (min-width: 768px) {
        &:not(:last-child) > div {
          position: relative;
          &::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 1px;
            background: var(--lineColor);
            transform: scaleY(0.5);
          }
        }
      }
    }
  }

  :global {
    .ant-drawer-content {
      background: var(--lowestBg);
    }
  }

  @media screen and (max-width: 768px) {
    .group {
      &:not(:nth-child(1)) {
        margin-top: 0;
        border-radius: unset;
        border-top: 1px solid var(--lineColor);
      }
    }
  }
}
